a.bouton img {
padding-top:50px;
margin-top:-50px;}
a.bouton {
	width: 60px;
	height:60px;
	position: relative !important;
	display: inline !important;
	float:left;
	font-size:12px; 
	font-family:tahoma;
	
	
}
a.bouton:hover {
	color: #ffffff;
	text-shadow: 1px 1px 0px #ffffff;
	/*box-shadow: 1px 1px 0px #fff;*/
	-webkit-box-shadow: 1px 1px 0px #fff;
	-moz-box-shadow: 1px 1px 0px #fff;
	-ms-box-shadow: 1px 1px 0px #fff;
	-o-box-shadow: 1px 1px 0px #fff;
	transition: all 300ms ease-out;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	border:0;
}

/*---- Bouton > info-bulle ----*/

a.bouton div.info-bulle {
	visibility: hidden;
	opacity: 0;
	position: absolute !important;
	top: -70px;
	left: -60px;
	transition: all 300ms ease-out;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	border:0;
}

a.bouton:hover div.info-bulle {
	visibility: visible !important;
	overflow:visible  !important;
	opacity: 1;
	top: -50px;
	left: -60px;
	transition: all 800ms ease-out;
	-webkit-transition: all 800ms ease-out;
	-moz-transition: all 800ms ease-out;
	-ms-transition: all 800ms ease-out;
	-o-transition: all 800ms ease-out;
	
	border:0;
}
div.info-bulle {
	
	padding: 0px;
	margin: 0 auto;
	background: #3c4148;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	/*box-shadow: 3px 5px 10px #aaa;*/
	-webkit-box-shadow: 3px 5px 10px #aaa;
	-moz-box-shadow: 3px 5px 10px #aaa;
	-ms-box-shadow: 3px 5px 10px #aaa;
	-o-box-shadow: 3px 5px 10px #aaa;
	width:120px;
	border:0;
}
div.info-bulle::before {
	content: '';
	position: absolute;
	bottom: -5px;
	left: 20%;
	width: 0;
	height: 0;
	border-top: 5px solid #3c4148;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
}

div.info-bulle  {
	color: #fff;
	padding: 6px 5px;
	margin: 0;
	text-align: center;
	text-shadow: 1px 1px 0px #3c4148;
}

/**************************************************************************************/
a.bouton-noir img {
padding-top:50px;
margin-top:-50px;}
a.bouton-noir {
	/*width: 60px;
	height:60px;*/
	padding-left:10px;
	position: relative !important;
	display: inline !important;
	float:left;
	font-size:11px; 
	font-family:tahoma;
	text-transform:none !important;

}
a.bouton-noir:hover {
	color: #ffffff;
	text-shadow: 1px 1px 0px #ffffff;
	/*box-shadow: 1px 1px 0px #fff;*/
	-webkit-box-shadow: 1px 1px 0px #fff;
	-moz-box-shadow: 1px 1px 0px #fff;
	-ms-box-shadow: 1px 1px 0px #fff;
	-o-box-shadow: 1px 1px 0px #fff;
	transition: all 300ms ease-out;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	border:0;
}


/*---- Bouton > info-bulle ----*/

a.bouton-noir div.info-bulle {
	visibility: hidden;
	opacity: 0;
	position: absolute !important;
	top: -70px;
	left: -60px;
	transition: all 300ms ease-out;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	border:0;
}

a.bouton-noir:hover div.info-bulle {
	visibility: visible !important;
	overflow:visible  !important;
	opacity: 1;
	top: -50px;
	left: -60px;
	transition: all 800ms ease-out;
	-webkit-transition: all 800ms ease-out;
	-moz-transition: all 800ms ease-out;
	-ms-transition: all 800ms ease-out;
	-o-transition: all 800ms ease-out;
	
	border:0;
}

/********************************************************************/
a.bouton-infosimulateur img {
/*padding-top:50px;
margin-top:-50px;*/
}

a.bouton-infosimulateur {
	/*width: 60px;
	height:60px;*/
	padding-left:10px;
	position: relative !important;
	display: inline !important;
	/*float:left;*/
	font-size:11px; 
	font-family:tahoma;
	text-transform:none !important;
	font-weight:normal;
	
	
}
a.bouton-infosimulateur:hover {
	color: #ffffff;
	text-shadow: 1px 1px 0px #ffffff;
	/*box-shadow: 1px 1px 0px #fff;*/
	-webkit-box-shadow: 1px 1px 0px #fff;
	-moz-box-shadow: 1px 1px 0px #fff;
	-ms-box-shadow: 1px 1px 0px #fff;
	-o-box-shadow: 1px 1px 0px #fff;
	transition: all 300ms ease-out;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	border:0;
}

/*---- Bouton > info-bulle ----*/

a.bouton-infosimulateur div.info-bulle {
	visibility: hidden;
	opacity: 0;
	position: absolute !important;
	top: -70px !important;
	left: -10px !important;
	transition: all 300ms ease-out;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	border:0;
}

a.bouton-infosimulateur:hover div.info-bulle {
	visibility: visible !important;
	overflow:visible  !important;
	opacity: 1;
	top: -60px !important;
	left: -10px !important;
	transition: all 800ms ease-out;
	-webkit-transition: all 800ms ease-out;
	-moz-transition: all 800ms ease-out;
	-ms-transition: all 800ms ease-out;
	-o-transition: all 800ms ease-out;
	border:0;
}

/******************************* archive infobull *************************************/
a.bouton-bleu-archive img {
/*padding-top:50px;
margin-top:-50px;*/
}

a.bouton-bleu-archive {
	/*width: 60px;
	height:60px;*/
	padding-left:10px;
	position: relative !important;
	display: inline !important;
	/*float:left;*/
	font-size:11px; 
	font-family:tahoma;
	text-transform:none !important;
	font-weight:normal;
	text-decoration:none;
	
	
}
a.bouton-bleu-archive:hover {
	color: #ffffff;
	text-shadow: 1px 1px 0px #ffffff;
	/*box-shadow: 1px 1px 0px #fff;*/
	-webkit-box-shadow: 1px 1px 0px #fff;
	-moz-box-shadow: 1px 1px 0px #fff;
	-ms-box-shadow: 1px 1px 0px #fff;
	-o-box-shadow: 1px 1px 0px #fff;
	transition: all 300ms ease-out;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	border:0;
}

/*---- Bouton > info-bulle ----*/

a.bouton-bleu-archive div.info-bulle {
	visibility: hidden;
	opacity: 0;
	position: absolute !important;
	top: -60px !important;
	left: -55px !important;
	transition: all 300ms ease-out;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	border:0;
	background:#00A4FF !important;
	text-shadow: 1px 1px 0px #0092FF;
}

a.bouton-bleu-archive:hover div.info-bulle {
	visibility: visible !important;
	overflow:visible  !important;
	opacity: 1;
	top: -45px !important;
	left: -55px !important;
	transition: all 800ms ease-out;
	-webkit-transition: all 800ms ease-out;
	-moz-transition: all 800ms ease-out;
	-ms-transition: all 800ms ease-out;
	-o-transition: all 800ms ease-out;
	border:0;
}

a.bouton-bleu-archive div.info-bulle::before {
	content: '';
	position: absolute;
	bottom: -5px;
	left: 50%;
	width: 0;
	height: 0;
	border-top: 5px solid #0092FF;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	
}

/********************************************************/
/******************************* simulateur professionnel fixe infobull *************************************/
a.Pro-fixe-infobull img {
/*padding-top:50px;
margin-top:-50px;*/
}

a.Pro-fixe-infobull {
	/*width: 60px;
	height:60px;
	padding-left:10px;*/
	position: relative !important;
	display: inline !important;
	/*float:left;*/
	font-size:11px; 
	font-family:tahoma;
	text-transform:none !important;
	font-weight:normal;
	text-decoration:none;
	
	
}
a.Pro-fixe-infobull:hover {
	color: #ffffff;
	text-shadow: 1px 1px 0px #ffffff;
	/*box-shadow: 1px 1px 0px #fff;*/
	-webkit-box-shadow: 1px 1px 0px #fff;
	-moz-box-shadow: 1px 1px 0px #fff;
	-ms-box-shadow: 1px 1px 0px #fff;
	-o-box-shadow: 1px 1px 0px #fff;
	transition: all 300ms ease-out;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	border:0;
}

/*---- Bouton > info-bulle ----*/

a.Pro-fixe-infobull div.info-bulle {
	visibility: hidden;
	opacity: 0;
	position: absolute !important;
	top: -60px !important;
	left: -55px !important;
	transition: all 300ms ease-out;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	border:0;
	background:#000 !important;
	/*text-shadow: 1px 1px 0px #eee;*/
}

a.Pro-fixe-infobull:hover div.info-bulle {
	visibility: visible !important;
	overflow:visible  !important;
	opacity: 1;
	top: -45px !important;
	left: -55px !important;
	transition: all 800ms ease-out;
	-webkit-transition: all 800ms ease-out;
	-moz-transition: all 800ms ease-out;
	-ms-transition: all 800ms ease-out;
	-o-transition: all 800ms ease-out;
	border:0;
}

a.Pro-fixe-infobull div.info-bulle::before {
	content: '';
	position: absolute;
	bottom: -5px;
	left: 50%;
	width: 0;
	height: 0;
	border-top: 5px solid #000;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	
}